﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
  <title>Redhouse - Nhà đỏ</title>
  <link rel="stylesheet" href="css/themes/default/default.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/theme.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
  <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  <script src="js/jquery.js"></script>
  <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  <script src="js/jquery.blend.js" type="text/javascript"></script>
  <script src="js/redhouse.js" type="text/javascript"></script>
  <script src="js/jquery.lightbox-0.5.pack.js" type="text/javascript"></script>
  <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
  <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  <script type='text/javascript' src='js/jquery.cookie.js'></script>
  <script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
  <script type='text/javascript' src='js/jquery.dcjqaccordion.2.7.min.js'></script>
  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$('#slider').nivoSlider({
			effect:"fade",
			slices:5,
			boxCols:8,
			boxRows:4,
			animSpeed:500,
			pauseTime:3500,
			startSlide:0,
			directionNav:true,
			directionNavHide:true,
			controlNav:true,
			controlNavThumbs:false,
			controlNavThumbsFromRel:false,			
			keyboardNav:true,
			pauseOnHover:false
		});
		
		$('#accordion-menu').dcAccordion({
			eventType: 'click',
			autoClose: true,
			saveState: true,
			disableLink: true,
			speed: 'fast',
			classActive: 'test',
			showCount: false,
			classActive	 : 'active'
		});
		
		$("#testfancy1").click(function() {			
			$.fancybox([
				'images/home-2.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy2").click(function() {			
			$.fancybox([
				'images/home-3.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy3").click(function() {			
			$.fancybox([
				'images/home-4.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy4").click(function() {			
			$.fancybox([
				'images/home-5.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		//$('#default').trigger('click');
	});
  </script>
  <style>
	#slider .nivo-controlNav {
		width:570px; 
		height:20px; 
	}
	
	#slider {
		width:580px; 
		height:520px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border:1px solid white;
		-moz-box-shadow: 1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		box-shadow: 1px 1px 3px #ccc;
		behavior: url(PIE.htc);
	}
  </style>
</head>
<!--<body onload="loadMap()">-->
<body onload="initialize()">
	<div id="pre-loader"><img src="images/loading_icon.gif"/></div>
	<div id="header">
		<div class="page">
			<div id="nav-container">	
				<ul id="nav">
					<li><a href="about.html">About us</a></li>
					<li><a href="specialties.html">Specialties</a></li>
					<li><a href="menu.html">Menu</a></li>
					<li><a href="promotion.html">Promotions</a></li>
					<li><a href="health.html">Seafood & Health</a></li>
					<li class="active"><a href="contact.html">Contact</a></li>
				</ul>
			</div><!-- END nav-container -->
		</div>
	</div><!-- END header -->
		
	<div id="wrapper">
		<div id="header-container">
			<div class="page">
				<a href="home.html" alt="RedHouse" class="logo">
					<img src="images/logo.png"></img>
				</a>
				<div class="right-header">
					<div class="language-container">
						<a href="#"><img src="images/vie.gif" /></a>
						<a href="#"><img src="images/eng.gif" /></a>
					</div>
					<div class="form-search">
						<label for="search">Search:</label>
						<button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
						<input id="search" type="text" name="q" value="" class="input-text" />
						<br class="clear" />        
						<div id="search_autocomplete" class="search-autocomplete"></div>
					</div>
					<br class="clear" />
					<div class="link-container">
						<a href="">English</a><a href="">Tiếng Việt</a><a href="index.html">Select location</a>
					</div>
				</div><!-- END .right-header -->
			</div>
		</div><!-- END header-container -->
		<div class="page">
			<div class="main">
				<div class="col-left-contact">
					<div class="left-title">
						<h1>RedHouse Hanoi</h1>
					</div>
					<div class="left-content">
						<p><b>6A Hàm Long, Q. Hoàn Kiếm, Hà Nội</b></p>
						<p>Điện thoại: <b>04 3944 9668</b></p>
						<p>Fax: <b>04 6278 0992</b></p>
						<p>Hotline: <b>012 3933 3399</b></p>
						<p>Email: <b>infohanoi@redhouse.com.vn</b></p>
					</div>
					<br />
					<!--<div class="left-title">
						<h1>RedHouse HCMC</h1>
					</div>
					<div class="left-content">
						<p>79 Ngô Thời Nhiệm, Quận 3, HCM</p>
						<p>Điện thoại: 08 39333399</p>
						<p>Fax: 39307388</p>
						<p>Hotline: 0936 471 888</p>
						<p>Email: info@redhouse.com.vn</p>
					</div>-->
					<div class="left-title">
						<h2>Contact us</h2>
					</div>
					<div class="form-contact">
						<label for="contact-email">Email</label><br />
						<input id="contact-email" type="text" name="q" value="" class="contact-text" />
						<br class="clear" />
						<label for="contact-name">Name</label><br />
						<input id="contact-name" type="text" name="q" value="" class="contact-text" />
						<br class="clear" />
						<label for="contact-subject">Subject</label><br />
						<input id="contact-subject" type="text" name="q" value="" class="contact-text" />
						<br class="clear" />
						<label for="contact-message">Your message</label><br />
						<textarea id="contact-message" cols="25" rows="8" class="contact-text"></textarea>
						<button class="button contact" title="Send"><span><span>Send</span></span></button>
					</div>
				</div><!-- END .col-left -->
				<div class="col-main-contact">
					<div class="main-content">
						<div id="map_canvas" style="width:580px; height:583px"></div>
					</div>
				</div><!-- END .col-main -->
			</div><!-- END .main -->
		</div>
	</div><!-- END wrapper -->
	
	<div id="footer-container">
		<div class="page">
			<div id="link-div">
				<p style="font-size:14px;padding-bottom:7px;">REDHOUSE RESTAURANT</p>
				<a href="">&nbsp;&nbsp;&nbsp;Information</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Vision</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Employment</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Sitemap</a><br />
			</div>
			<div id="subcribe-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SUBSCRIBE TO OUR NEWSLETTER</p><br />
				<div class="form-subscribe">
					<label for="subscribe">Search:</label>
					<button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>
					<input id="subscribe" type="text" name="q" value="" class="input-text" />
					<br class="clear" />        
				</div>
			</div>
			<div id="social-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;FOLLOW US</p><br />
				<a href="#"><img class="social" src="images/facebook.png" width="48" height="48" /></a>
				<a href="#"><img class="social" src="images/twitter.png" width="48" height="48" /></a>
			</div>
		</div>
	</div><!-- END footer-container	-->
</body>
</html>